<template>
	<view class="kt">
		<view class="title">
			<text class="back-btn iconfont icon-close" @click="uni.navigateBack({
				delta:1
			})"></text>
			<view class="title">开始考试</view>
		</view>
		<view class="time">
			考试时间&ensp;{{time1}}:{{time2}}:{{time3}}
		</view>
		<view class="type">
			<span class="s1">简答题</span>
			<span class="s2">第1题</span>
		</view>
		<view class="main">
			请问1+1为什么等于2
			<input type="text" class="inp">
		</view>
	

	</view>
</template>

<script>
	import api from'../../api/api.js'
	export default {
		data() {
			return {
				time1: '00',
				time2: 60,
				time3: 60,
				timer: null,
				id: 0,
				testdata :[]
				}
		},
		onLoad(id) {
			console.log(id)
			this.id = id.id
			this.getktl()
		},
		methods: {
			
			async getktl() {
				let res = await api.testList({
					id: this.id
				})
				console.log(res, 'kt')
				// this.ktlist=res.data.testpaper_questions
				this.testdata = res.data.testpaper_questions
				// this.uid = res.data.data.user_test_id
				
				// this.total = this.testdata.length
			}
		},
		onReady() {
			this.timer = setInterval(() => {
				this.time3--
				if (this.time3 <= 0) {
					this.time3 = 60
					this.time2--
				}
				if (this.time2 <= 0) {
					clearInterval(this.timer)
					this.time2 = '60'
					this.time3 = '60'
				}
			}, 1000)
		}

	}
</script>

<style lang="scss">
	.kt {
		width: 100%;
		height: 100%;

		.title {
			width: 100%;
			line-height: 110rpx;
			font-size: 40rpx;
			font-weight: 800;
			text-align: center;
			// border-bottom: 1rpx solid ;
		}

		.time {
			width: 100%;
			height: 100rpx;
			// background-color: aqua;
			border-bottom: 1rpx red solid;
			border-top: 1rpx solid red;
			color: red;
			line-height: 100rpx;
			text-align: center;
		}

		// .you {
		// 	width: 100%;

		// 	.titlebox {
		// 		width: 100%;
		// 		display: flex;
		// 		flex-direction: column;
		// 		align-items: center;
		// 		padding: 20rpx;
		// 		box-sizing: border-box;

		// 		.title {
		// 			width: 100%;
		// 			height: 50px;
		// 			font-size: 32rpx;
		// 			color: #333333;
		// 			display: flex;
		// 			align-items: center;
		// 		}

		// 		.daan {
		// 			width: 100%;
		// 			height: 100%;

		// 			.boxxx {
		// 				.btn {
		// 					margin-top: 20rpx;
		// 					height: 90rpx;
		// 					width: 90%;
		// 					border-radius: 10rpx;
		// 					font-size: 33rpx;
		// 					display: flex;
		// 					justify-content: center;
		// 					align-items: center;
		// 					color: white;
		// 					background-color: #5ccc84;
		// 				}
		// 			}


		// 		}
		// 	}

		// 	.box {
		// 		width: 100%;
		// 		height: 50rpx;
		// 		display: flex;
		// 		justify-content: space-between;
		// 		align-items: center;
		// 		padding: 20rpx;
		// 		box-sizing: border-box;

		// 		.left {
		// 			color: #333333;
		// 			font-size: 31rpx;
		// 		}

		// 		.right {
		// 			color: #999999;
		// 			font-size: 28rpx;
		// 		}
		// 	}
		// }

	}
</style>
